{% extends "_layouts/examples.html" %}
{% block title %}Lists / Ordered with horizontal divider{% endblock %}

{% block standalone_css %}patterns_lists{% endblock %}

{% block content %}
<ol class="p-list--divided">
  <li class="p-list__item">Balance compute load in the cloud</li>
  <li class="p-list__item">
    List of steps
    <ol class="p-list--divided">
      <li class="p-list__item">Balance compute load in the cloud</li>
      <li class="p-list__item">Optimise for specific workloads</li>
      <li class="p-list__item">Assess overcommit ratios</li>
    </ol>
  </li>
  <li class="p-list__item">Assess overcommit ratios</li>
</ol>
{% endblock %}
